﻿<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>可视化拖拽表单设计器js插件 www.bootstrapmb.com</title>
    <link rel="stylesheet" href="./index.css" />
    <script src="./vue.js"></script>
    <script src="./index.js"></script>
    <script src="./form-create.min.js"></script>
    <script src="./designer.js"></script>
    <style>
      body {
        padding: 0;
        margin: 0;
      }
    </style>
  </head>
  <body>
    <div id="app">
      <fc-designer height="100vh" ref="designer" />
    </div>
    <script type="module">
      import formCreate from '@form-create/element-ui'

      Vue.use(FcDesigner)
      new Vue({
        el: '#app',
        data: {
          a: 1,
        },
        created: function () {
          // `this` 指向 vm 实例
          console.log('a is: ' + this.a)
        },
      })
    </script>
  </body>
</html>
